<ol class="breadcrumb">
    <li><a href="home">Home</a></li>
    <li><a href="repositories/">Repositories</a></li>
    <li ng-show="repositoryUser"><a href="repositories/{{repositoryUser}}">{{repositoryUser}}</a></li>
    <li><a href="repository/{{repository}}">{{repositoryName}}</a></li>
</ol>

<h1>
  Details for repository: {{repository}}
  <div ng-hide="appMode.browseOnly" class="pull-right">
    <!-- Maybe put this into its own directive? -->
    <button type="button" ng-click="selectedRepositories=['{{repositoryUser}}/{{repositoryName}}']; openConfirmRepoDeletionDialog()" class="btn btn-danger" ng-hide="appMode.browseOnly">
      <span class="glyphicon glyphicon-trash"></span> Delete Repository
    </button>

    <!--
    <a class="btn btn-danger" href="repository/{{repositoryUser}}/{{repositoryName}}/delete" alt="Delete repository">
      <span class="glyphicon glyphicon-trash"></span> Delete Repository
    </a>
    -->
  </div>
</h1>

<tag-list></tag-list>
<nav>
  <ul class="pager">
    <li class="previous" ng-class="{disabled: tagsCurrentPage <= 1}">
      <a href="{{getFirstHref()}}"  >
        <span aria-hidden="true">&larr;</span>
        First Page
      </a>
    </li>
    <li>
      <div class="btn-group" role="group">
        <a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
          <span class="glyphicon glyphicon-book" aria-hidden="true"> </span> / page:
          <span ng-show="tagsPerPage">{{tagsPerPage}}</span>
          <span ng-show="!tagsPerPage">all</span>
          <span class="caret"></span>
        </a>
        <ul class="dropdown-menu">
          <li><a href="repository/{{repository}}?tagsPerPage=all">Show all</a></li>
          <li role="separator" class="divider"></li>
          <li><a href="repository/{{repository}}?tagsPerPage=10">10</a></li>
          <li><a href="repository/{{repository}}?tagsPerPage=20">20</a></li>
          <li><a href="repository/{{repository}}?tagsPerPage=40">40</a></li>
          <li><a href="repository/{{repository}}?tagsPerPage=60">60</a></li>
          <li><a href="repository/{{repository}}?tagsPerPage=80">80</a></li>
          <li><a href="repository/{{repository}}?tagsPerPage=100">100</a></li>
        </ul>
      </div>
    </li>
    <li class="next" ng-class="{disabled: maxTagsPage <= tagsCurrentPage || !tagsPerPage}">
      <a  href="{{getNextHref()}}">
        Next <span aria-hidden="true">&rarr;</span>
      </a>
    </li>
  </ul>
</nav>
